﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style>
    body {
      width: 100%;
      height: 100%;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
    h2{
      width: 96%;
      margin-left: 2%;
    }
    button {
      background-color: #007bff;
      color: #fff;
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      margin: 0 5px;
    }
    button:hover {
      background-color: #0056b3;
    }
    .mianban{
      width: 96%;
      height: 500px;
      margin: 2% 0 0 2%;
      overflow-y:scroll;
    }
    #tableID{
      width: 100%;
      background-color: rgb(130, 131, 133);
      color: #ffffff;
      margin-top: 2%;
      
    }
    #tableID td{
      width: 18%;
      text-align: center;
    }
    #tableID th{
      width: 18%;
      /* height: 10%; */
      text-align: center;
      background-color: #0056b3;
    }
    #buttonList {
      width: 96%;
      margin-left: 2%;
      display: flex;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content:flex-start;
      align-content: flex-end;
    }
  </style>
  <script src="./jquery-3.5.1/jquery-3.5.1.min.js"></script>
  <script src="../config.js"></script>
  <script src="./js/http.js"></script>
  
</head>
<body>
	<h2>应用管理</h2>
  <div id="buttonList">
    <!-- <button  id="identify1">打开视觉识别1</button>
    <button  id="identify2">打开视觉识别2</button>
    <button  id="identify3">打开视觉识别3</button> -->
  </div>
  <div class="mianban">
    <table id="tableID"></table>
  </div>
	
		
	</table>
  <div id="print"></div>
  <script src="./js/application.js"></script>
</body>
</html>